<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML >
<html>
  <head>
    <base href="<%=basePath%>">
    <title>应急信息管理_统计分析界面</title>
    <script src="<%=basePath%>jclient/javascript/public/jquery.min.js"></script>
    <link rel="stylesheet" href="<%=basePath %>jclient/css/public.css" type="text/css" />
    <link rel="stylesheet" href="<%=basePath%>jclient/css/public/bootstrap.min.css" />
		<link rel="stylesheet" href="<%=basePath%>jclient/css/public/daterangepicker.css" />
  	 <link href="<%=basePath%>jclient/css/public/select.css" rel="stylesheet" type="text/css" />
       <link href="<%=basePath%>jclient/css/public/style.css" rel="stylesheet" type="text/css" />
  <style type="text/css">
      a{
     	   		text-decoration:none;
     	   		color:#FFFFFF;
   	   }
   	    a:hover{
   	   		text-decoration:none;
   	   		color:#FFFFFF;
   	   }
   	   .td1{
      background-color: #5B9BD5;color: #FFFFFF; width:80px;text-align:center;
       line-height: 30px;height: 30px;
    }
    .td2{
      width: 120px;
      background-color: #EAEFF7;
      line-height: 30px;height: 30px;
      text-align: center;
    }
  </style>
  </head>
  <body style="margin: 0;padding: 0px;background-color: #FFFFFF;" bgcolor="#FFFFFF">
    	<!-- <table width="100%" height="100%" cellspacing="0" cellpadding="0" >
    		<tr>
    			<td style="padding-left: 20px;padding-top: 10px;text-align: center;" valign="top" > -->
    				<div class="tools" style="margin-top: 10px;padding: 0 10px;">
    					<div style="width:80px;float: left;height: 30px;line-height: 30px;">
        					 <label>综合查询</label>
       					</div>
						<div class="controls" style="width:210px;float: left;">
								<div class="input-group date datetime">
									<input id="cxdate" class="begindate form-control input-sm" size="16" type="text" value="" >
										<span class="input-group-addon">
										<span class="glyphicon glyphicon-time">
										</span>
										</span>
							 	</div>
						</div>
						<div  style="width: 400px;float: left;padding-left: 20px;">
							  			<!-- <input type="text"class="scinput"  style="width: 135px;height: 30px"/> -->
							  	<input type="text"  placeholder="请输入要查询作业名" class="form-control" style="width:200px;height: 30px;float: left;">
						  		<span class="eclipseBtn" style="height:30px;display: inline-block;">查询</span>	
						</div>
						  		
							    <ul class="toolbar1">
	         							<li class="click" style="cursor: pointer;" onclick="javascript:$('#tip').fadeIn(200);">
	         							<span>
	         								<img src="<%=basePath%>jclient/css/public/images/t01.png" style="position: relative;top: -7px;" />
	         							</span>
	         								创建新作业
	         							</li>    
	        							 <li>
	        							 	<span>
	        							 		<img src="<%=basePath%>jclient/css/public/images/t03.png" style="position: relative;top: -7px;"/>
	        							 	</span>
	        							 		批量删除
	        							 </li>
	    						</ul>
	    					</div>
				    <table class="tablelist">
				    	<thead>
				    	<tr>
				        	<th style="width:3.5%"><input name="" type="checkbox" value="" checked="checked"/></th>
				        	<th style="width: 8%">
				        		编号
				        		<i class="sort">
				        		<img src="<%=basePath%>jclient/css/public/images/px.gif" />
				        		</i>
				        	</th>
				        	<th style="width:15%"> 作业创建时间</th>
				       		 <th >作业名</th>
				       	 	<th style="width:25%">操作</th>
				        </tr>
				        </thead>
				        <tbody>
				   
				        <tr>
				        <td><input name="" type="checkbox" value="" /></td>
				        <td>001</td>
				        <td>2015年12月21日</td>
				        <td>于桥水库2014年6月~10月水体藻细胞密度趋势分析</td>
				        <td >
				        	<a href="<%=basePath %>jclient/pages/yjxxgl/yjxxgl_tjfx_yyzy.jsp" class="tablelink" >查看&nbsp;&nbsp;</a> 
				            <a href="<%=basePath %>jclient/pages/yjxxgl/yjxxgl_tjfx_fxym_qsfx_cx.jsp" class="tablelink">
				            	添加趋势分析&nbsp;&nbsp;
				            </a>
				            <a href="<%=basePath %>jclient/pages/yjxxgl/yjxxgl_tjfx_fxym_dbfx_cx.jsp" class="tablelink">
				            	添加对比分析
				            </a>
				        </td>
				        </tr>        
				        <tr>
				        <td><input name="" type="checkbox" value="" /></td>
				        <td>002</td>
				         <td>2015年12月21日</td>
				        <td>于桥水库2014年6月~10月水体藻细胞密度趋势分析</td>
						<td>
				        	<a href="jclient/pages/yjxxgl/yjxxgl_tjfx_yyzy.jsp" class="tablelink" >查看&nbsp;&nbsp;</a> 
				        	<a href="<%=basePath %>jclient/pages/yjxxgl/yjxxgl_tjfx_fxym_qsfx_cx.jsp" class="tablelink">
				            	添加趋势分析&nbsp;&nbsp;
				            </a>
				            <a href="<%=basePath %>jclient/pages/yjxxgl/yjxxgl_tjfx_fxym_dbfx_cx.jsp" class="tablelink">
				            	添加对比分析
				            </a>
				        </td>        
				        </tr>        
				        <tr>
				        <td><input name="" type="checkbox" value="" /></td>
				        <td>003</td>
				         <td>2015年12月21日</td>
				        <td>于桥水库2014年6月~10月水体藻细胞密度趋势分析</td>
				          <td>
				        	<a href="jclient/pages/yjxxgl/yjxxgl_tjfx_yyzy.jsp" class="tablelink" >查看&nbsp;&nbsp;</a> 
				        	<a href="<%=basePath %>jclient/pages/yjxxgl/yjxxgl_tjfx_fxym_qsfx_cx.jsp" class="tablelink">
				            	添加趋势分析&nbsp;&nbsp;
				            </a>
				            <a href="<%=basePath %>jclient/pages/yjxxgl/yjxxgl_tjfx_fxym_dbfx_cx.jsp" class="tablelink">
				            	添加对比分析
				            </a>
				        </td>
				        </tr>        
				        <tr>
				        <td><input name="" type="checkbox" value="" /></td>
				        <td>004</td>
				         <td>2015年12月21日</td>
				        <td>于桥水库2014年6月~10月水体藻细胞密度趋势分析</td>
						 <td>
				        	<a href="jclient/pages/yjxxgl/yjxxgl_tjfx_yyzy.jsp" class="tablelink" >查看&nbsp;&nbsp;</a> 
				        	<a href="<%=basePath %>jclient/pages/yjxxgl/yjxxgl_tjfx_fxym_qsfx_cx.jsp" class="tablelink">
				            	添加趋势分析&nbsp;&nbsp;
				            </a>
				            <a href="<%=basePath %>jclient/pages/yjxxgl/yjxxgl_tjfx_fxym_dbfx_cx.jsp" class="tablelink">
				            	添加对比分析
				            </a>
				        </td>
				        </tr>        
				        <tr>
				        <td><input name="" type="checkbox" value="" /></td>
				        <td>005</td>
				         <td>2015年12月21日</td>
				        <td>于桥水库2014年6月~10月水体藻细胞密度趋势分析</td>
				 		<td>
				        	<a href="jclient/pages/yjxxgl/yjxxgl_tjfx_yyzy.jsp" class="tablelink" >查看&nbsp;&nbsp;</a> 
				        	<a href="<%=basePath %>jclient/pages/yjxxgl/yjxxgl_tjfx_fxym_qsfx_cx.jsp" class="tablelink">
				            	添加趋势分析&nbsp;&nbsp;
				            </a>
				            <a href="<%=basePath %>jclient/pages/yjxxgl/yjxxgl_tjfx_fxym_dbfx_cx.jsp" class="tablelink">
				            	添加对比分析
				            </a>
				        </td>
				        </tr>        
				        <tr>
				        <td><input name="" type="checkbox" value="" /></td>
				        <td>006</td>
				         <td>2015年12月21日</td>
				        <td>于桥水库2014年6月~10月水体藻细胞密度趋势分析</td>
				 		<td>
				        	<a href="jclient/pages/yjxxgl/yjxxgl_tjfx_yyzy.jsp" class="tablelink" >查看&nbsp;&nbsp;</a> 
				        	<a href="<%=basePath %>jclient/pages/yjxxgl/yjxxgl_tjfx_fxym_qsfx_cx.jsp" class="tablelink">
				            	添加趋势分析&nbsp;&nbsp;
				            </a>
				            <a href="<%=basePath %>jclient/pages/yjxxgl/yjxxgl_tjfx_fxym_dbfx_cx.jsp" class="tablelink">
				            	添加对比分析
				            </a>
				        </td>
				        </tr>        
				        <tr>
				        <td><input name="" type="checkbox" value="" /></td>
				        <td>007</td>
				         <td>2015年12月21日</td>
				        <td>于桥水库2014年6月~10月水体藻细胞密度趋势分析</td>
				 		<td>
				        	<a href="jclient/pages/yjxxgl/yjxxgl_tjfx_yyzy.jsp" class="tablelink" >查看&nbsp;&nbsp;</a> 
				        	<a href="<%=basePath %>jclient/pages/yjxxgl/yjxxgl_tjfx_fxym_qsfx_cx.jsp" class="tablelink">
				            	添加趋势分析&nbsp;&nbsp;
				            </a>
				            <a href="<%=basePath %>jclient/pages/yjxxgl/yjxxgl_tjfx_fxym_dbfx_cx.jsp" class="tablelink">
				            	添加对比分析
				            </a>
				        </td>
				        </tr>        
				        <tr>
				        <td><input name="" type="checkbox" value="" /></td>
				        <td>008</td>
				         <td>2015年12月21日</td>
				        <td>于桥水库2014年6月~10月水体藻细胞密度趋势分析</td>
				 		<td>
				        	<a href="jclient/pages/yjxxgl/yjxxgl_tjfx_yyzy.jsp" class="tablelink" >查看&nbsp;&nbsp;</a> 
				        	<a href="<%=basePath %>jclient/pages/yjxxgl/yjxxgl_tjfx_fxym_qsfx_cx.jsp" class="tablelink">
				            	添加趋势分析&nbsp;&nbsp;
				            </a>
				            <a href="<%=basePath %>jclient/pages/yjxxgl/yjxxgl_tjfx_fxym_dbfx_cx.jsp" class="tablelink">
				            	添加对比分析
				            </a>
				        </td>
				        </tr>        
				        <tr>
				        <td><input name="" type="checkbox" value="" /></td>
				        <td>009</td>
				         <td>2015年12月21日</td>
				        <td>于桥水库2014年6月~10月水体藻细胞密度趋势分析</td>
				 		<td>
				        	<a href="jclient/pages/yjxxgl/yjxxgl_tjfx_yyzy.jsp" class="tablelink" >查看&nbsp;&nbsp;</a> 
				        	<a href="<%=basePath %>jclient/pages/yjxxgl/yjxxgl_tjfx_fxym_qsfx_cx.jsp" class="tablelink">
				            	添加趋势分析&nbsp;&nbsp;
				            </a>
				            <a href="<%=basePath %>jclient/pages/yjxxgl/yjxxgl_tjfx_fxym_dbfx_cx.jsp" class="tablelink">
				            	添加对比分析
				            </a>
				        </td>
				        </tr>        
				        </tbody>
				    </table>
				    <div class="pagin" >
				    		<div class="message" style=" margin-right: 240px;float: right;margin-top: 8;">
				    			共
				        		<i class="blue">100</i>
				        			条记录，当前显示第&nbsp;
				        		<i class="blue">1&nbsp;</i>
				        		页&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				        	</div>
				        <ul class="paginList">
				        <li class="paginItem"><a href="javascript:;">1</a></li>
				        <li class="paginItem current"><a href="javascript:;">2</a></li>
				        <li class="paginItem"><a href="javascript:;">3</a></li>
				        <li class="paginItem"><a href="javascript:;">4</a></li>
				        <li class="paginItem"><a href="javascript:;">5</a></li>
				        <li class="paginItem more"><a href="javascript:;">...</a></li>
				        <li class="paginItem"><a href="javascript:;">10</a></li>
				        <li class="paginItem"><a href="javascript:;"><span class="pagenxt"></span></a></li>
				        </ul>
				    </div>
    			<!-- </td>
    		</tr>
    	</table> -->
    	<div class="tip" id="tip" style="width: 400px;height: 180px;top: 95px;border: 1px solid #cccccc;">
    		<div class="tiptop" id="tiptop"><span>信息填写</span><a></a></div>
				<table id="bjsj"  cellpadding="6" cellspacing="4" style="display:block;float: none;width: 100%">
			    	<tr>
			    		<td  class="td1" style="width:200px;height:40px;background-color:#ffffff; color: #000000;">新作业创建时间</td>
			    		<td class="td2"style="width: 200px">2015年12月21日</td>
			    	</tr>
			    	<tr>
			    		<td  class="td1" style="width:110px;height:40px;background-color:#ffffff;color: #000000;">请输入新的作业名称：</td>
			    		<td  class="td2"><input id="zymc" style="height: 40;width: 100%" class="form-control" type="text" name="newName"  placeholder="请输入作业名称" ></td>
			    	</tr>
			    </table>
     		<div class="tipbtn" id="tipbtn" style="margin: 10px 95px ">
      				  <input  name="" type="button"  class="sure" id="sure" value="确定" />&nbsp;<!-- onclick="dealClick();" -->
      				  <input name="" type="button"  class="cancel" id="cancel"  value="取消" />
     		 </div>
    	</div>
    	<script src="<%=basePath%>jclient/javascript/public/jquery.min.js"></script>
        <script src="<%=basePath%>jclient/javascript/public/bootstrap.min.js"></script>
		<script src="<%=basePath%>jclient/javascript/public/moment.js"></script>
		<script src="<%=basePath%>jclient/javascript/public/daterangepicker.js"></script>
		<script type="text/javascript" src="<%=basePath%>jclient/javascript/jslib/jquery.idTabs.min.js"></script>
    	<script type="text/javascript">
    	  $(function (){
    	  //控制彈出窗口
 	 			$("#tiptop a").click(function(){
 				$("#tip").fadeOut(200);
				});
                 alert();
 				 $("#sure").click(function(){
 				 $("#tip").fadeOut(100);
					}); 

 				 $("#cancel").click(function(){
 				 $("#tip").fadeOut(100);
					});
                // 日期选择
			    $('#cxdate').val(moment().subtract('days', 29).format('YYYY-MM-DD') + ' - ' + moment().format('YYYY-MM-DD'));
				$('#cxdate').daterangepicker(null, function(start, end, label) {
                    console.log(start.toISOString(), end.toISOString(), label);
                }); 
                 $('#gxdate').val(moment().subtract('days', 29).format('YYYY-MM-DD') + ' - ' + moment().format('YYYY-MM-DD'));
				$('#gxdate').daterangepicker(null, function(start, end, label) {
                    console.log(start.toISOString(), end.toISOString(), label);
                }); 
                $('#fbdate').val(moment().subtract('days', 29).format('YYYY-MM-DD') + ' - ' + moment().format('YYYY-MM-DD'));
				$('#fbdate').daterangepicker(null, function(start, end, label) {
                    console.log(start.toISOString(), end.toISOString(), label);
                }); 
    	      $(".eclipseBtn").hover(function(){
    	         $(this).css("background-color","#366092");
    	      },function(){
    	         $(this).css("background-color","#5D95C8");
    	      });
    	  });
    	  function dealClick(){
	    	    if($.trim($("#zymc").val())==""){
	    	       alert("请先输入作业名称");return false;
	    	    }
    	      	window.location.href="jclient/pages/yjxxgl/yjxxgl_tjfx_fxym.jsp?zymc="+$("#zymc").val();
    	  }
    	</script>
  </body>
</html>
